// 内部传入预设
import { defineConfig } from "unocss"
// 让 unocss 支持属性写法 <div class="bg-blue-400" >可以写成   <div bg="blue-400" >
import presetAttributify from "@unocss/preset-attributify"
// 预设，有类库、可以复用，打包体积会小一些  例如 .ml-3 就是他提供的
import presetUno from "@unocss/preset-uno"
// 支持指令写法，可以写在 style 标签中，相比行内好维护，用于 CSS 指令（如 @apply）的转换器
import transformDirective from "@unocss/transformer-directives"

// 引入unocss图标预设 unocss图标预设会查找 依赖的图标库 例如  ant-design
import presetIcons from "@unocss/preset-icons"
export default defineConfig({
  // 加载预设，当指定 presets 选项时，将忽略默认的 preset。
  presets: [presetAttributify(), presetUno(), presetIcons()],
  // 支持指令写法，可以写在style，相比行内好维护
  transformers: [transformDirective()], // 用于 @apply、@screen 和 theme() 指令
  // 快捷类名 ====> 给多个unocss类名，设置别名
  shortcuts: [["icon", "inline-block w-1em h-1em align-middle text-current"]]
})
